<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>荣耀专区</title>
		<link rel="Shortcut icon" href="logo.ico" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="commonCss/header.css" />
		<link rel="stylesheet" href="commonCss/footer.css" />
		<link rel="stylesheet" href="commonCss/hungBar.css" />
		<link rel="stylesheet" href="css/honer.css" />
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/honerArr.js" ></script>
		<script type="text/javascript" src="js/honer.js" ></script>
	</head>
	<body>
		<div class="header"></div>
		
		<div class="hot-board t">
			<div class="slider">
				<ul>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
					<li class="slider-img"></li>
				</ul>
				
				<div class="slider-middle c">
						<div class="slider-middle-span">
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
						</div>
				</div>
			</div>
		</div>
		
		<div class="hr40"></div>
		
		<div class="channelHoner">
			<div class="goodsHoner c">
				<div class="HonerJp">
					<div class="h">
						<h2 class="HonerTitle l">荣耀精品</h2>
					</div>
					<ul class="honerGoodsList"></ul>
					<div class="hr20"></div>
					<div class="hr10"></div>
					<ul class="adList">
						<img src="img/Honer/goodsTop05.png" />
						<img src="img/Honer/goodsTop06.jpg" />
						<img src="img/Honer/goodsTop07.jpg" />
					</ul>
				</div>
			</div>
		</div>
		
		<div class="honerGoodsContainer">
			<div class="c channel">
				<div class="Honer" id="flow01">
					<div class="h">
						<h2 class="HonerTitle l">手机</h2>
						<ul class="nav l">
							<li><a>荣耀系列</a></li>
							<li><a>畅玩系列</a></li>
						</ul>
						<div class="more">
							<a>更多&nbsp;></a>
						</div>
					</div>
					<ul class="span370 l">
						<a href="#"><li></li></a>
					</ul>
					<ul class="span790 l"></ul>
				</div>
			</div>
			<div class="hr40"></div>
			<div class="c channel">
				<div class="Honer" id="flow02">
					<div class="h">
						<h2 class="HonerTitle l">笔记本 & 平板</h2>
						<ul class="nav l">
							<li><a>笔记本电脑</a></li>
							<li><a>平板电脑</a></li>
							<li><a>笔记本配件</a></li>
						</ul>
						<div class="more">
							<a>更多&nbsp;></a>
						</div>
					</div>
					<ul class="span370 l">
						<a href="#"><li></li></a>
					</ul>
					<ul class="span790 l"></ul>
				</div>
			</div>
			<div class="hr40"></div>
			<div class="c channel">
				<div class="Honer" id="flow03">
					<div class="h">
						<h2 class="HonerTitle l">智能穿戴</h2>
						<ul class="nav l">
							<li><a>手环/手表</a></li>
						</ul>
						<div class="more">
							<a>更多&nbsp;></a>
						</div>
					</div>
					<ul class="span370 l">
						<a href="#"><li></li></a>
					</ul>
					<ul class="span790 l"></ul>
				</div>
			</div>
			<div class="hr40"></div>
			<div class="c channel">
				<div class="Honer" id="flow04">
					<div class="h">
						<h2 class="HonerTitle l">智能家居</h2>
						<ul class="nav l">
							<li><a>路由器</a></li>
							<li><a>电力猫/wifi放大器</a></li>
							<li><a>电视盒子</a></li>
						</ul>
						<div class="more">
							<a>更多&nbsp;></a>
						</div>
					</div>
					<ul class="span300 l">
						<a href="#"><li></li></a>
					</ul>
					<ul class="span860 l"></ul>
				</div>
			</div>
			<div class="hr40"></div>
			<div class="c channel">
				<div class="Honer" id="flow05">
					<div class="h">
						<h2 class="HonerTitle l">热销配件</h2>
						<ul class="nav l">
							<li><a>贴膜</a></li>
							<li><a>保护壳</a></li>
							<li><a>保护套</a></li>
						</ul>
						<div class="more">
							<a>更多&nbsp;></a>
						</div>
					</div>
					<ul class="span300 l">
						<a href="#"><li></li></a>
					</ul>
					<ul class="span860 l"></ul>
				</div>
			</div>
		</div>
		
		<div id="hungBar"></div>
		<footer></footer>
		<script>
			$('.header').load("commonHtml/honerHeader.html");
			$('#hungBar').load("commonHtml/hungBar.html")
			$('footer').load("commonHtml/footer.html");
		</script>
	</body>
</html>
